// uno.config.ts
import {
  defineConfig,
  presetAttributify,
  presetIcons,
  presetTypography,
  presetUno,
  presetWebFonts,
  transformerDirectives,
  transformerVariantGroup
} from 'unocss'

export default defineConfig({
  shortcuts: {
    'flex-item-center': ['flex', 'ustify-center', 'items-center'],
    bd: ['border border-solid border-black/10'],
    'bd-t': ['border-0', 'border-t-1', 'border-solid', "border-black/10"],
    'bd-r': ['border-0', 'border-r-1', 'border-solid', "border-black/10"],
    'bd-b': ['border-0', 'border-b-1', 'border-solid', "border-black/10"],
    'bd-l': ['border-0', 'border-l-1', 'border-solid', "border-black/10"]
  },
  theme: {
    colors: {
      dark: '#18181C'
    }
  },
  rules: [],
  presets: [
    presetUno(),
    presetAttributify(),
    presetIcons({
      prefix: ['icon-'],
      extraProperties: {
        display: 'inline-block'
      }
    }),
    presetTypography(),
    presetWebFonts({
      fonts: {
        // ...
      }
    })
  ],
  transformers: [transformerDirectives(), transformerVariantGroup()]
})
